﻿@{
    ViewBag.Title = "Kế hoạch định hướng năm";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
    List<SelectListItem> lstNam = new List<SelectListItem>();
    lstNam.Add(new SelectListItem
    {
        Value = "-1",
        Text = "-- Chọn Năm --"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2012",
        Text = "2012"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2013",
        Text = "2013"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2014",
        Text = "2014"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2015",
        Text = "2015"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2016",
        Text = "2016"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2017",
        Text = "2017"
    });

}
<link href="~/Content/standard_form_nhaplieu.css" rel="stylesheet" />
<link href="@Url.Content("~/Content/jquery-ui.1.10.2.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.maskedinput.js")"></script>
<script>
    function onCreate() {
        window.location = "@Url.Action("Lapkehoachdinhhuong", "Kehoachnam")";
    }
    function datePicker() {
        var option = {
            //dayNamesMin: ["CN", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"],
            dayNamesMin: ["CN", "2", "T3", "T4", "T5", "T6", "T7"],
            monthNames: ["Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5",
                "Tháng 6", "Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12"],
            dateFormat: "dd/mm/yy",
            onSelect: function (selectedDate) {
                //alert(selectedDate);

            }
        };

        $("#Hanbaocao").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
        $("#Hanbaocao").datepicker(option);
    }
    $(document).ready(function () {
        datePicker();
    })
</script>
<div class="page-bar">
    <ul class="page-breadcrumb" style="padding: 4px;">
        <li>
            <i class="fa fa-home"></i>
            <a href="#">Kế hoạch định hướng</a>
        </li>
    </ul>
</div>
<div class="row margin-bottom-20">
    <div class="col-md-5">
        <div class="row" style="margin-top:5px;">
            @Html.Label("Năm kế hoạch", new { @class = "col-md-5", id = "lb1" })
            <div class="col-md-7">
                @Html.DropDownList("Namlapbc", lstNam, new { id = "Level1", style = "margin:0px;", @class = "form-control input-sm" })
            </div>
        </div>
        <div class="row" style="margin-top:5px;">
            @Html.Label("Sử dụng lại KH năm", new { @class = "col-md-5" })
            <div class="col-md-7">
                @Html.DropDownList("Namsudunglai", lstNam, new { id = "Level1", style = "margin:0px;", @class = "form-control input-sm" })
            </div>
        </div>
    </div>
    <div class="col-md-5">
        <div class="row" style="margin-top:5px;">
            @Html.Label("Tên kế hoạch", new { @class = "col-md-4" })
            <div class="col-md-8">
                @Html.TextBox("Tenmockiensoat", "", new { @id = "FULL_NAME_SEARCH", @class = "form-control input-sm", style = "", placeholder = "Nhập tên mốc kiểm soát" })
            </div>
        </div>
        <div class="row" style="margin-top:5px;">
            @Html.Label("Thời gian tạo", new { @class = "col-md-4", style = "white-space: nowrap;" })
            <div class="col-md-8">
                @Html.TextBox("Hanbaocao", null, new { @class = "form-control input-sm", style = "", placeholder = "Nhập hạn báo cáo" })
            </div>
        </div>
    </div>
    <div class="col-md-2">
        <div class="row" style="margin-top:5px; text-align:right;">
            <div class="col-md-12">
                <button type="button" class="btn btn-sm btn-default" style="width: 90px; margin-bottom: 5px; cursor:pointer;" onclick="onCreate()"><i class="fa fa-plus-square-o"></i> Tạo mới</button>
                <button type="submit" class="btn btn-sm btn-default" id="btnSearch" style="width:90px;" name="command" value="Search"><i class="fa fa-search"></i> Tìm kiếm</button>
            </div>
        </div>
    </div>
</div>
<table class="table table-striped table-bordered table-hover dataTable no-footer" id="EnumGrid">
    <thead>
        <tr class="header">
            <th scope="col">
                STT
            </th>
            <th scope="col" style="width:13%;">
                Người tạo
            </th>
            <th scope="col" class="hidden-480" style="width: 30%;">
                Tên kế hoạch
            </th>
            <th scope="col" class="hidden-580" style="width:13%;">
                Thời gian tạo
            </th>
            <th scope="col" class="hidden-680" style="width:13%;">
                Thời gian cập nhật
            </th>
            <th scope="col" class="hidden-780" style="width:21%">
                Mô tả
            </th>
            <th scope="col">
                Thao tác
            </th>
        </tr>
    </thead>
    <tbody>
        <tr class="webgrid-row-style">
            <td class="clsSTT" style="text-align: center; width: 30px;">
                1
            </td>
            <td>
                <div id="spnFullName" class="display-mode">
                    <span class="hidden-780">admin</span>
                </div>
            </td>
            <td class="clsUserName hidden-480">
                <span id="spnUserName" class="display-mode">
                    Kế hoạch định hướng năm 2017
                </span>
            </td>
            <td class="clsGroupCode hidden-580">
                <span id="spnGroupCode" class="display-mode">
                    15/01/2017
                </span>
            </td>
            <td class="clsADM_UNIT hidden-680">
                <span id="spnFullName" class="display-mode">
                    15/02/2017
                </span>

            </td>
            <td class="clsDescriptions hidden-780 autohidden">
                <span id="spnGroupCode" class="display-mode">

                </span>
            </td>
            <td class="clsAction">
                <div style="text-align:center;">
                    <div class="btn-group">
                        <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                            <div class="label label-info">
                                <i class="fa fa-th"></i>
                            </div>
                        </a>
                        <ul class="dropdown-menu no-angle pull-right right">
                            <li>
                                <a onclick="onEdit('DS588')" data-index="DS588" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                            </li>
                            <li>
                                <a onclick="onDelete('DS588')" data-index="DS588" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="clsSTT" style="text-align: center; width: 30px;">
                2
            </td>
            <td>
                <div id="spnFullName" class="display-mode">
                    <span class="hidden-780">admin</span>
                </div>
            </td>
            <td class="clsUserName hidden-480">
                <span id="spnUserName" class="display-mode">
                    Kế hoạch định hướng năm 2016
                </span>
            </td>
            <td class="clsGroupCode hidden-580">
                <span id="spnGroupCode" class="display-mode">
                    15/01/2016
                </span>
            </td>
            <td class="clsADM_UNIT hidden-680">
                <span id="spnFullName" class="display-mode">
                    15/01/2016
                </span>

            </td>
            <td class="clsDescriptions hidden-780 autohidden">
                <span id="spnGroupCode" class="display-mode">
                    ...
                </span>
            </td>
            <td class="clsAction">
                <div style="text-align:center;">
                    <div class="btn-group">
                        <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                            <div class="label label-info">
                                <i class="fa fa-th"></i>
                            </div>
                        </a>
                        <ul class="dropdown-menu no-angle pull-right right">
                            <li>
                                <a onclick="onEdit('DS587')" data-index="DS587" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                            </li>
                            <li>
                                <a onclick="onDelete('DS587')" data-index="DS587" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </td>
        </tr>
        <tr class="webgrid-row-style">
            <td class="clsSTT" style="text-align: center; width: 30px;">
                3
            </td>
            <td>
                <div id="spnFullName" class="display-mode">
                    <span class="hidden-780">admin</span>
                </div>
            </td>
            <td class="clsUserName hidden-480">
                <span id="spnUserName" class="display-mode">
                    Kế hoạch định hướng năm 2015
                </span>
            </td>
            <td class="clsGroupCode hidden-580">
                <span id="spnGroupCode" class="display-mode">
                    15/01/2015
                </span>
            </td>
            <td class="clsADM_UNIT hidden-680">
                <span id="spnFullName" class="display-mode">
                    15/02/2015
                </span>

            </td>
            <td class="clsDescriptions hidden-780 autohidden">
                <span id="spnGroupCode" class="display-mode">

                </span>
            </td>
            <td class="clsAction">
                <div style="text-align:center;">
                    <div class="btn-group">
                        <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                            <div class="label label-info">
                                <i class="fa fa-th"></i>
                            </div>
                        </a>
                        <ul class="dropdown-menu no-angle pull-right right">
                            <li>
                                <a onclick="onEdit('DS588')" data-index="DS588" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                            </li>
                            <li>
                                <a onclick="onDelete('DS588')" data-index="DS588" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="clsSTT" style="text-align: center; width: 30px;">
                4
            </td>
            <td>
                <div id="spnFullName" class="display-mode">
                    <span class="hidden-780">admin</span>
                </div>
            </td>
            <td class="clsUserName hidden-480">
                <span id="spnUserName" class="display-mode">
                    Kế hoạch định hướng năm 2014
                </span>
            </td>
            <td class="clsGroupCode hidden-580">
                <span id="spnGroupCode" class="display-mode">
                    15/01/2014
                </span>
            </td>
            <td class="clsADM_UNIT hidden-680">
                <span id="spnFullName" class="display-mode">
                    15/01/2014
                </span>

            </td>
            <td class="clsDescriptions hidden-780 autohidden">
                <span id="spnGroupCode" class="display-mode">
                    ...
                </span>
            </td>
            <td class="clsAction">
                <div style="text-align:center;">
                    <div class="btn-group">
                        <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                            <div class="label label-info">
                                <i class="fa fa-th"></i>
                            </div>
                        </a>
                        <ul class="dropdown-menu no-angle pull-right right">
                            <li>
                                <a onclick="onEdit('DS587')" data-index="DS587" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                            </li>
                            <li>
                                <a onclick="onDelete('DS587')" data-index="DS587" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </td>
        </tr>
        <tr class="webgrid-row-style">
            <td class="clsSTT" style="text-align: center; width: 30px;">
                5
            </td>
            <td>
                <div id="spnFullName" class="display-mode">
                    <span class="hidden-780">admin</span>
                </div>
            </td>
            <td class="clsUserName hidden-480">
                <span id="spnUserName" class="display-mode">
                    Kế hoạch định hướng năm 2013
                </span>
            </td>
            <td class="clsGroupCode hidden-580">
                <span id="spnGroupCode" class="display-mode">
                    15/01/2013
                </span>
            </td>
            <td class="clsADM_UNIT hidden-680">
                <span id="spnFullName" class="display-mode">
                    15/02/2013
                </span>

            </td>
            <td class="clsDescriptions hidden-780 autohidden">
                <span id="spnGroupCode" class="display-mode">

                </span>
            </td>
            <td class="clsAction">
                <div style="text-align:center;">
                    <div class="btn-group">
                        <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                            <div class="label label-info">
                                <i class="fa fa-th"></i>
                            </div>
                        </a>
                        <ul class="dropdown-menu no-angle pull-right right">
                            <li>
                                <a onclick="onEdit('DS588')" data-index="DS588" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                            </li>
                            <li>
                                <a onclick="onDelete('DS588')" data-index="DS588" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="clsSTT" style="text-align: center; width: 30px;">
                6
            </td>
            <td>
                <div id="spnFullName" class="display-mode">
                    <span class="hidden-780">admin</span>
                </div>
            </td>
            <td class="clsUserName hidden-480">
                <span id="spnUserName" class="display-mode">
                    Kế hoạch định hướng năm 2012
                </span>
            </td>
            <td class="clsGroupCode hidden-580">
                <span id="spnGroupCode" class="display-mode">
                    15/01/2012
                </span>
            </td>
            <td class="clsADM_UNIT hidden-680">
                <span id="spnFullName" class="display-mode">
                    15/01/2012
                </span>

            </td>
            <td class="clsDescriptions hidden-780 autohidden">
                <span id="spnGroupCode" class="display-mode">
                    ...
                </span>
            </td>
            <td class="clsAction">
                <div style="text-align:center;">
                    <div class="btn-group">
                        <a href="#" data-toggle="dropdown" class="btn btn-lg" style="margin:0px; padding:0px;">
                            <div class="label label-info">
                                <i class="fa fa-th"></i>
                            </div>
                        </a>
                        <ul class="dropdown-menu no-angle pull-right right">
                            <li>
                                <a onclick="onEdit('DS587')" data-index="DS587" style="cursor:pointer;"><i class="fa fa-pencil"></i> Cập nhập thông tin</a>
                            </li>
                            <li>
                                <a onclick="onDelete('DS587')" data-index="DS587" style="cursor:pointer;"> <i class="fa fa-trash-o"></i> Xóa thông tin</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>